第5話 Scrapboxでパパッと図解を描こう！おえかき機能を使ってみた
これまでのあらすじ
Scrapboxの使い方を覚えてきたわかばちゃん。前回はプレゼンテーション機能を使って簡単にプレゼン資料を作成できるようになりました。 今回は「言葉だけでは伝わりにくいイメージ」を伝えるためのおえかき機能について学んでいきます。
https://gyazo.com/7f16c4346a384585213fd52753f0909a
https://gyazo.com/d46a5636b332d9f676223b9baa04a86e
leaf.iconさっそく図を描いてみよう
1. 細い線で下書き
2. 特徴的な部分をグレーで塗る
3. 輪郭を太い線でなぞる
わかばちゃん2.icon よし、書いてみよう。こんな感じかな！ どう？
https://gyazo.com/099adebd55c97c7e65ad75bbad90fdea
HTMLちゃん.icon おお〜！ いいねいいね！
わかばちゃん2.icon これなら私にも描ける！
HTMLちゃん.icon Scrapboxの開発現場でも、機能のイメージをおえかき機能を使って伝えているらしいよ！
https://gyazo.com/4326885656bb2b438aa0359338ddb34a
https://gyazo.com/bddb1dc848b934920f0450b4e36246db
わかばちゃん2.icon 地図を描いてみたりとか…
https://gyazo.com/d4133ce14c3320656531c6e8be54dfce
わかばちゃん2.icon 「こんな感じ」というイメージを手っ取り早く伝えることができそうだね
https://gyazo.com/9a331365bb42360b5f8e30377ee5e243
leaf.iconポイント①別のおえかきアプリを立ち上げる必要なし！
複数のアプリ・ソフトを行ったり来たりするのって地味に面倒
お絵かき用ソフトを立ち上げて
-> PNGかJPEGで書き出して
-> 名前つけて -> アップロードして……
って、正直面倒ですよね
わかばちゃん2.icon わかる〜。ソフトを行き来している間にアイデアが消えちゃったりね。そういう手間がかからないのが便利！
leaf.iconポイント②リアルのノートに描いているような体験
リアルのノート：
字を書ける
そのまま図も描ける
Scrapbox：
字を書いたらすでに公開されている（パブリック設定の場合）
同時編集可能
図も描ける ←New
わかばちゃん2.icon そういえば、学校でリアルのノートにはよく図を描くけど、Web上に図を描くってことをあんまりしないよね。というかそういうツールが今までなかったのか。
leaf.iconポイント③描くハードルが低い
目的は脳内の考えを外に出してパパッとイメージを伝えること
装飾をするのが目的ではないので、機能もシンプルにできているよ
https://gyazo.com/2969fb90b1470a087e0dbc452e693f8d
https://gyazo.com/5d068a6667477e10d15ff6bc8b07f27d
わかばちゃん2.icon ハードルが低いのは嬉しいポイントだなぁ
HTMLちゃん.icon 適当な図でも、文章よりもイメージが伝わりやすいことって結構あるんだよね～
わかばちゃん2.icon 無理に説明しようとしないで、おえかきしてみよっと～！
次回予告
HTMLちゃん.icon 次回は、GoogleマップをScrapboxに直接貼り付ける方法を教えちゃうよ！
わかばちゃん.icon えっ便利そうだね！気になる👀